<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
<head>
    <meta charset="UTF-8">
    <title>用户信息</title>
    <style>
        #box{
            width: 50%;
            margin: auto;
        }
        #user_photo{
            display: inline-block;
            width: 70px;height: 70px;
            border: 1px solid #5a5956;
            border-radius: 50%;
        }
        .media-body{
            text-align: center;
        }
    </style>
</head>
<body>
<div id="box">
    <div class="media">
        <div class="media-left">

        </div>
        <div class="media-body">
            <img id="user_photo" alt="" th:onerror="this.src='https://ss0.baidu.com/-Po3dSag_xI4khGko9WTAnF6hhy/baike/pic/item/9e3df8dcd100baa1a6a53f674b10b912c9fc2e64.jpg'"   th:src="${userInfo.user_photo}" >
        </div>
    </div>
    <hr>
    <div class="media">
        <div class="media-left">
            姓名:
        </div>
        <div class="media-body">
            <h4 class="media-heading"  id="user_realname"  th:text="${userInfo.user_realname}"></h4>
        </div><hr>
    </div>
    <div class="media">
        <div class="media-left">
            登录名:
        </div>
        <div class="media-body">
            <h4 class="media-heading" id="user_name" th:text="${userInfo.user_name}"></h4>
        </div><hr>
    </div>

    <div class="media" th:if="${userInfo.dept_name} != null ">
        <div class="media-left">
            部门名称:
        </div>
        <div class="media-body">
            <h4 class="media-heading" id="dept_name" th:text="${userInfo.dept_name}"></h4>
        </div><hr>
    </div>
    <div class="media" th:if="${userInfo.user_phone} != null ">
        <div class="media-left">
            联系电话:
        </div>
        <div class="media-body">
            <h4 class="media-heading" id="user_phone" th:text="${userInfo.user_phone}"></h4>
        </div><hr>
    </div>
    <div class="media" th:if="${userInfo.remark} != null and ${userInfo.remark} != ''">
        <div class="media-left">
            签名:
        </div>
        <div class="media-body">
            <h4 class="media-heading" id="remark" th:text="${userInfo.remark}"></h4>
        </div><hr>
    </div>
</div>

</body>
</html>